昨天文章中提到我稍微粗淺地認識了前端，也知道 HTML、CSS 和 JavaScript 分別負責的任務。
還記得當時訂了一個小目標「得要好好的了解 HTML 的概念才行!」
說起來或許會顯得可笑，以前我還沒開始前端學習，對 HTML 這四個字母的想法極為單純：

「反正就是一個把網頁儲存到電腦上的一個檔案類型。」

但實際開始了解後，才發現它背後的意義!原來 HTML 是一種語言呀!
在實際的操作中感覺就是在以「電腦聽得懂」的方式在跟他溝通，也因為如此，對程式語言中的「語言」兩個字有了比較深的體會，有人聽得懂中文、英文、日文；而在我面前的這位「電腦先生」聽得懂超多語言，甚至逼得我要學著說它才聽得懂的話......

「這裡是標題。」
「這裡是一段文字。」
「這裡放一張圖片。」

像這樣透過語法，一句句的把網頁的骨架搭起來，結合上述的感受，就像是在請它幫我畫一份草圖一樣。
而這似乎跟畫畫有共通的觀念?!
例如在設計動畫、遊戲角色，甚至是畫人物肖像素描時，我不會一開始就急著畫衣服、皺紋、光影、頭髮和配色，而是會先確認整體的結構和姿態，若過早陷入細節，就是提早踏入失敗的泥潭，很難再脫身。

設計網頁應該也是一樣。

HTML 先把結構和姿態建立起來，至於最後要長得好不好看、畫面協調與否，就交給 CSS 處理。
所以如果只有 HTML，網頁可能會非常樸素，但我認為這份樸素是一段必經的過程，若安排妥當，或許在這個階段就能看出一點美感呢!

因為 HTML 會使用一個個「標籤（Tag）」來描述不同的內容。
剛開始看到這些標籤時，對我來說還是有點陌生，甚至有些害怕，但經過入門的小實作後降低了不少恐懼感。

以前做美術，我習慣用圖層、畫筆和各種工具來整理畫面。
現在只是變成用 HTML 標籤來整理網頁。
雖然工具完全不一樣，但某種程度上，我覺得都是在思考：

「我該放什麼在畫面中，而它又應該放在哪裡？」

Day 2 小結

先搞懂了 HTML 最基本的概念：
HTML 負責內容與結構。

如果把做網頁想成畫一幅畫，HTML 就像先把構圖和基本畫面內容建立起來。
昨天只是知道前端大概在做什麼，今天則是正式開始碰第一個工具。

雖然文字上可能表達得一派輕鬆，但對我這個美術人來說，對於程式世界的了解絕對是不足的，還是得做好準備迎接之後的困難!